<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <!--重置样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--公用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--当前页面样式-->
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="header">
    <div class="top">
        <div class="container">
            <div class="left">
                全国服务热线：400-000-0000
            </div>
            <div class="right fr">
                <a href="javascript:;">设为首页</a>
                <a href="javascript:;">加入收藏</a>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="container">
            <div class="logo">
                <a href="index.html">
                    <img src="images/logo.png" alt="">
                </a>
            </div>
            <div class="nav">
                <ul>
                    <li class="cur">
                        <a href="index.html">
                            <p class="zh">首页</p>
                            <p>Home</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="zh">关于我们</p>
                            <p>About</p>
                        </a>
                    </li>
                    <li>
                        <a href="product.html">
                            <p class="zh">产品中心</p>
                            <p>Products</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="zh">服务支持</p>
                            <p>Service</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="zh">新闻中心</p>
                            <p>News</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="zh">在线商店</p>
                            <p>Shop</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="zh">联系我们</p>
                            <p>Contact Us</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="content">
    <div class="banner">
        <ul>
            <li><a href=""><img src="images/index/banner.jpg" alt=""></a></li>
            <li><a href=""><img src="images/index/banner.jpg" alt=""></a></li>
            <li><a href=""><img src="images/index/banner.jpg" alt=""></a></li>
            <li><a href=""><img src="images/index/banner.jpg" alt=""></a></li>
            <li><a href=""><img src="images/index/banner.jpg" alt=""></a></li>
        </ul>
    </div>
    <div class="product">
        <div class="container">
            <div class="blue">
                <div class="top">
                    <div class="title">
                        <img src="images/index/bi.jpg" alt="">
                        <p>新闻中心</p>
                        <p class="second">NEWS.CENTER</p>
                        <p class="line"></p>
                    </div>
                </div>
                <div class="bottom">
                    <h2>CeBIT 2015</h2>
                    <img src="images/index/chanpin03.jpg" alt="">
                    <p class="first">创新ICT共建全联接世界德国汉诺威展览中心</p>
                    <span>3月16日-20日</span>
                    <div class="clear"></div>
                    <div class="dashed"></div>
                    <p class="li"><a href="#">上海国际智能建筑展览会</a></p>
                    <p class="li"><a href="#">2014德国柏林国际消费电子产品展览会</a></p>
                    <p class="li"><a href="#">2014年中国(贵阳)公告安全防范产品博览会</a></p>
                </div>
            </div>
            <div class="green">
                <div class="top">
                    <div class="title">
                        <img src="images/index/shou.jpg" alt="">
                        <p>新品发布</p>
                        <p class="second">NEWS.PRODUCTS</p>
                        <p class="line"></p>
                    </div>
                </div>
                <div class="bottom">
                    <a href="#" class="prev"><img src="images/index/prev.jpg" alt=""></a>
                    <a href="#" class="main"><img src="images/index/chanpin1.jpg"></a>
                    <a href="#" class="next"><img src="images/index/next.jpg" alt=""></a>
                    <p><span class="blue">s6213w-y</span></p>
                    <p>海思3518E方案，多码流技术，百万高清</p>
                </div>
            </div>
            <div class="purple">
                <div class="top">
                    <div class="title">
                        <img src="images/index/dui.jpg" alt="">
                        <p>品牌介绍</p>
                        <p class="second">INFORMATION</p>
                        <p class="line"></p>
                    </div>
                </div>
                <div class="bottom">
                    <img src="images/index/chanpin02.jpg" alt="">
                </div>
                <div class="miaoshu">
                    <p>
                        "siepem"品牌是广州市TK科技有限公司
                        推出的自有品牌
                    </p></div>
            </div>
        </div>
    </div>
    <div class="about">
        <div class="about-header">
            <div class="title">
                <h3>关于我们</h3>
            </div>
        </div>
        <div class="about-article">
            <div class="font">
                <p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。</p>
                <p>TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品持续为客户创造最大价值。
                </p>

            </div>
            <div class="img">
                <div class="lunbo"><img src="images/index/lb1.png" alt=""></div>
                <div class="lunbo"><img src="images/index/lb2.png" alt=""></div>
                <div class="lunbo"><img src="images/index/lb3.png" alt=""></div>
            </div>
        </div>
    </div>
    <div class="call-us">
        <div class="call-header">
            <div class="title">
                <h3>联系我们</h3>
            </div>
        </div>
        <div class="call-article">
            <div class="left">
                <div class="top">
                    <div class="weixin"><img src="images/index/wx.png" alt="">
                        <p>微信扫一扫</p>
                        <p>关注我们相关的信息</p>
                    </div>
                    <div class="message">
                        <ul>
                            <li>服务热线：400-000-0000</li>
                            <li>联系人：某先生</li>
                            <li>公司邮箱：www.tk.com</li>
                            <li>公司传真：000-12345678</li>
                            <li>邮政编码：467000</li>
                            <li>公司地址：广州市某某区某某路某号</li>
                        </ul>
                    </div>
                </div>
                <div class="bottom"><img src="images/index/map.jpg" alt=""></div>
            </div>
            <div class="right">
                <form action="">
                    <label >昵称</label>
                    <input type="text">
                    <label >联系电话</label>
                    <input type="tel">
                    <label>电子邮箱</label>
                    <input type="email">
                    <label >内容</label>
                    <input type="text" class="textarea">
                    <input type="submit" value="提交">
                </form>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-top">
        <p><span>关注我们：</span><img src="images/index/parter.png" alt=""></p>
        <ul>
            <li><a href="index.html">网站首页</a></li>
            <li><a href="javascript:;">新闻动态</a></li>
            <li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">团队风采</a></li>
            <li><a href="javascript:;">联系我们</a></li>
            <li><a href="javascript:;">在线留言</a></li>
        </ul>
    </div>
    <div class="footer-bottom">
        <p>&copy;2015 TK科技有限公司 版权所有沪ICP证13022560号-7 All Rights Reserved</p>
    </div>
</div>
</body>
</html>